<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Document</title>
	<link rel="stylesheet" href="../css/black.css" />
</head>

<body>
	<!-- 整个页面的顶级容器 -->
	<div id="app">
		<!-- 工具栏 -->
		<div class="toolbar">
			<div class="search">
				<input type="search" class="search-input" />
				<button class="search-button">搜索</button>
			</div>
			<div>
				<a href="./create.html">
					<button class="btn btn-blue">新建商机</button>
				</a>
				<a href="">
					<a href="./rewrite.html"><button class="btn btn-green">编辑联系人</button></a>
				</a>
				<a href="">
					<button class="btn btn-red">批量删除</button>
				</a>
			</div>
		</div>
		<!-- 表格 -->
		<table class="table">
			<thead>
				<tr>
					<th style="width: 0px"><input type="checkbox" /></th>
					<th>商机名称</th>
					<th>客户名称</th>
					<th>商机阶段</th>
					<th>最后跟进时间</th>
					<th>下次跟进时间</th>
					<th>负责人</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><input type="checkbox" /></td>
					<td><a href="./infor.html">Lorem, ipsum.</a></td>
					<td>Placeat, deleniti!</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>Lorem, ipsum.</td>
					<td>Placeat, deleniti!</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>Lorem, ipsum.</td>
					<td>Placeat, deleniti!</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>Lorem, ipsum.</td>
					<td>Placeat, deleniti!</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>Lorem, ipsum.</td>
					<td>Placeat, deleniti!</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>Lorem, ipsum.</td>
					<td>Placeat, deleniti!</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>Lorem, ipsum.</td>
					<td>Placeat, deleniti!</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>Lorem, ipsum.</td>
					<td>Placeat, deleniti!</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>Lorem, ipsum.</td>
					<td>Placeat, deleniti!</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>Lorem, ipsum.</td>
					<td>Placeat, deleniti!</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
					<td>Alias, sunt.</td>
				</tr>
			</tbody>
		</table>
		<!-- 分页 -->
		<div class="pagination">
			<div>共 100 条</div>
			<div style="margin-left: 20px">
				<select>
					<option value="10">每页10条</option>
					<option value="15">每页15条</option>
					<option value="20">每页20条</option>
				</select>
			</div>
			<div class="pagenums" style="margin-left: 20px">
				<a href="#">&lt;</a>
				<a href="#">1</a>
				<a href="#" class="active">2</a>
				<a href="#">3</a>
				<a href="#">4</a>
				<a href="#">5</a>
				<a href="#">&gt;</a>
			</div>
		</div>
	</div>
</body>

</html>